<%-- 
    Document   : MainPage
    Author     : aasharm2
--%>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>

<%@ page language="java" %> 
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="styles/gold/browsetab.css" type="text/css" media="screen" />
<link rel="stylesheet" href="styles/gold/global.css" type="text/css" media="screen" />

<html:form action="MenuAction">
    <br>
    <p style="text-align: center;font-weight: bold;font-size: 15px">Menu Generator</p>
    <div id="vtab">
        <ul>
            <li class="Main">Main Page</li>
        </ul>
        <div>
            <h4>Main Page</h4>
            <table class="form" style="width: 500px">
                <br><br>
                <tr >
                    <th style="vertical-align: top">Select Country</th>
                    <td><html:radio property="country" value="GB"/>&nbsp; GREAT BRITAN <br>
                        <html:radio property="country" value="US"/>&nbsp; US</td>
                </tr>
                <br><br>
                <tr>
                    <th style="vertical-align: top">Restaurant Type</th>                    
                    <td><html:radio property="restauranttype" value="ALLDAY"/>&nbsp; ALL DAY<br>
                        <html:radio property="restauranttype" value="EVENING"/>&nbsp; EVENING ONLY<br>
                        <html:radio property="restauranttype" value="DINNER"/>&nbsp; DINNER <br>
                    <td>
                </tr>
                <br><br>
                <tr>
                    <th style="vertical-align: top">Menu Format</th>    
                    <td><html:radio property="menuformat" value="XML"/>&nbsp; XML<br>
                        <html:radio property="menuformat" value="TEXT"/>&nbsp; TEXT<br>
                        <html:radio property="menuformat" value="HTML"/>&nbsp; HTML<br></td>
                </tr>
                <br><br>


                <tr>
                    <th>
                        Output File Location : 
                    </th>
                    <td>
                        <html:text property="outputlocation" size="110"/>
                    </td>

                </tr>
                <tr>
                    <td>
                        <input name="button" class="input" type="submit" value="  Create Menu  "/>
                    </td>
                </tr>
            </table>
        </div>
    </div>

</html:form>
<script type="text/javascript">
    $(function() {
        var $items = $('#vtab>ul>li');
        $items.click(function() {
            $items.removeClass('selected');
            $(this).addClass('selected'); 

            var index = $items.index($(this));
            $('#vtab>div').hide().eq(index).show();
        }).eq(0).click();
    });
</script>
